<!doctype html>
<html class="no-js" lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Data Table | Kiaalap - Kiaalap Admin Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.ico">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/owl.carousel.css">
    <link rel="stylesheet" href="/static/css/owl.theme.css">
    <link rel="stylesheet" href="/static/css/owl.transitions.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/normalize.css">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/meanmenu.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/main.css">
    <!-- educate icon CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/educate-custon-icon.css">
    <!-- morrisjs CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/morrisjs/morris.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- metisMenu CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="/static/css/metisMenu/metisMenu-vertical.css">
    <!-- calendar CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="/static/css/calendar/fullcalendar.print.min.css">
    <!-- x-editor CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/editor/select2.css">
    <link rel="stylesheet" href="/static/css/editor/datetimepicker.css">
    <link rel="stylesheet" href="/static/css/editor/bootstrap-editable.css">
    <link rel="stylesheet" href="/static/css/editor/x-editor-style.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/data-table/bootstrap-table.css">
    <link rel="stylesheet" href="/static/css/data-table/bootstrap-editable.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="/static/style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="/static/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<div class="product-status mg-b-15">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="product-status-wrap">
                    <h4>Library List</h4>
                    <div class="add-product">
                        <a href="#">Add Library</a>
                    </div>
                    <div class="asset-inner">
                        <table>
                            <tr>
                                <th>No</th>
                                <th>Image</th>
                                <th>Name of Asset</th>
                                <th>Status</th>
                                <th>Subject</th>
                                <th>Department</th>
                                <th>Type</th>
                                <th>Price</th>
                                <th>Setting</th>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><img src="img/product/book-1.jpg" alt=""/></td>
                                <td>Web Development Book</td>
                                <td>
                                    <button class="pd-setting">Active</button>
                                </td>
                                <td>Html, Css</td>
                                <td>CSE</td>
                                <td>Book</td>
                                <td>$1500</td>
                                <td>
                                    <button data-toggle="tooltip" title="Edit" class="pd-setting-ed"><i
                                            class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                    <button data-toggle="tooltip" title="Trash" class="pd-setting-ed"><i
                                            class="fa fa-trash-o" aria-hidden="true"></i></button>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td><img src="img/product/book-2.jpg" alt=""/></td>
                                <td>Quality Bol pen</td>
                                <td>
                                    <button class="ps-setting">Paused</button>
                                </td>
                                <td>PHP</td>
                                <td>CSE</td>
                                <td>CD</td>
                                <td>$1700</td>
                                <td>
                                    <button data-toggle="tooltip" title="Edit" class="pd-setting-ed"><i
                                            class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                    <button data-toggle="tooltip" title="Trash" class="pd-setting-ed"><i
                                            class="fa fa-trash-o" aria-hidden="true"></i></button>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td><img src="img/product/book-3.jpg" alt=""/></td>
                                <td>Box of pendrive</td>
                                <td>
                                    <button class="ds-setting">Disabled</button>
                                </td>
                                <td>Java</td>
                                <td>CSE</td>
                                <td>Book</td>
                                <td>$1500</td>
                                <td>
                                    <button data-toggle="tooltip" title="Edit" class="pd-setting-ed"><i
                                            class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                    <button data-toggle="tooltip" title="Trash" class="pd-setting-ed"><i
                                            class="fa fa-trash-o" aria-hidden="true"></i></button>
                                </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td><img src="img/product/book-4.jpg" alt=""/></td>
                                <td>Quality Bol pen</td>
                                <td>
                                    <button class="pd-setting">Active</button>
                                </td>
                                <td>PHP</td>
                                <td>CSE</td>
                                <td>CD</td>
                                <td>$1200</td>
                                <td>
                                    <button data-toggle="tooltip" title="Edit" class="pd-setting-ed"><i
                                            class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                    <button data-toggle="tooltip" title="Trash" class="pd-setting-ed"><i
                                            class="fa fa-trash-o" aria-hidden="true"></i></button>
                                </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td><img src="img/product/book-1.jpg" alt=""/></td>
                                <td>Web Development Book</td>
                                <td>
                                    <button class="pd-setting">Active</button>
                                </td>
                                <td>Wordpress</td>
                                <td>CSE</td>
                                <td>Book</td>
                                <td>$1800</td>
                                <td>
                                    <button data-toggle="tooltip" title="Edit" class="pd-setting-ed"><i
                                            class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                    <button data-toggle="tooltip" title="Trash" class="pd-setting-ed"><i
                                            class="fa fa-trash-o" aria-hidden="true"></i></button>
                                </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td><img src="img/product/book-2.jpg" alt=""/></td>
                                <td>Quality Bol pen</td>
                                <td>
                                    <button class="ps-setting">Paused</button>
                                </td>
                                <td>Java</td>
                                <td>CSE</td>
                                <td>CD</td>
                                <td>$1000</td>
                                <td>
                                    <button data-toggle="tooltip" title="Edit" class="pd-setting-ed"><i
                                            class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                    <button data-toggle="tooltip" title="Trash" class="pd-setting-ed"><i
                                            class="fa fa-trash-o" aria-hidden="true"></i></button>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="custom-pagination">
                        <ul class="pagination">
                            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">Next</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- jquery
    ============================================ -->
<script src="/static/js/vendor/jquery-1.12.4.min.js"></script>
<!-- bootstrap JS
    ============================================ -->
<script src="/static/js/bootstrap.min.js"></script>
<!-- wow JS
    ============================================ -->
<script src="/static/js/wow.min.js"></script>
<!-- price-slider JS
    ============================================ -->
<script src="/static/js/jquery-price-slider.js"></script>
<!-- meanmenu JS
    ============================================ -->
<script src="/static/js/jquery.meanmenu.js"></script>
<!-- owl.carousel JS
    ============================================ -->
<script src="/static/js/owl.carousel.min.js"></script>
<!-- sticky JS
    ============================================ -->
<script src="/static/js/jquery.sticky.js"></script>
<!-- scrollUp JS
    ============================================ -->
<script src="/static/js/jquery.scrollUp.min.js"></script>
<!-- mCustomScrollbar JS
    ============================================ -->
<script src="/static/js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/static/js/scrollbar/mCustomScrollbar-active.js"></script>
<!-- metisMenu JS
    ============================================ -->
<script src="/static/js/metisMenu/metisMenu.min.js"></script>
<script src="/static/js/metisMenu/metisMenu-active.js"></script>
<!-- data table JS
    ============================================ -->
<script src="/static/js/data-table/bootstrap-table.js"></script>
<script src="/static/js/data-table/tableExport.js"></script>
<script src="/static/js/data-table/data-table-active.js"></script>
<script src="/static/js/data-table/bootstrap-table-editable.js"></script>
<script src="/static/js/data-table/bootstrap-editable.js"></script>
<script src="/static/js/data-table/bootstrap-table-resizable.js"></script>
<script src="/static/js/data-table/colResizable-1.5.source.js"></script>
<script src="/static/js/data-table/bootstrap-table-export.js"></script>
<!--  editable JS
    ============================================ -->
<script src="/static/js/editable/jquery.mockjax.js"></script>
<script src="/static/js/editable/mock-active.js"></script>
<script src="/static/js/editable/select2.js"></script>
<script src="/static/js/editable/moment.min.js"></script>
<script src="/static/js/editable/bootstrap-datetimepicker.js"></script>
<script src="/static/js/editable/bootstrap-editable.js"></script>
<script src="/static/js/editable/xediable-active.js"></script>
<!-- Chart JS
    ============================================ -->
<script src="/static/js/chart/jquery.peity.min.js"></script>
<script src="/static/js/peity/peity-active.js"></script>
<!-- tab JS
    ============================================ -->
<script src="/static/js/tab.js"></script>
<!-- plugins JS
    ============================================ -->
<script src="/static/js/plugins.js"></script>
<!-- main JS
    ============================================ -->
<script src="/static/js/main.js"></script>
<!-- tawk chat JS
    ============================================ -->
<script src="/static/js/tawk-chat.js"></script>
</body>

</html>